<template>
	<view class="botCon spec" :class="[hasZxTcFlag ? 'noShadow' : '']">
		<view class="botConLeft" @tap="makePhoneCall">
			<view class="t-icon t-icon-dianhua"></view>
			<view class="favorTxt">客服电话</view>
		</view>
		<!-- #ifdef APP-PLUS -->
		<view class="botConLeft" @tap="goZxChart" v-if="imRefuseNum == 0">
			<view class="t-icon t-icon-siliao"></view>
			<view class="favorTxt">私聊</view>
		</view>
		<!-- #endif -->
		<view class="botConRight">
			<view class="focus" v-if="!gzTag" @tap="focusZxs()"><text class="iconfont icon-jia"></text>关注</view>
			<view class="focus" v-else @tap="focusZxs()"><text class="iconfont icon-duihao"></text>已关注</view>
			<view class="yyBtn" @tap="goYyZxs">立即预约</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			gzTag:Boolean,
			imRefuseNum:Number,
			hasZxTcFlag:[Boolean,Object]
		},
		methods:{
			makePhoneCall(){
				this.$emit('makePhoneCall');
			},
			focusZxs(){
				this.$emit('focusZxs');
			},
			goYyZxs(){
				this.$emit('goYyZxs');
			},
			goZxChart(){
				this.$emit('goZxChart');
			}
		}
	}
</script>
<style>
	@import url("/static/css/common/icon-svg.css");
	.t-icon{
		width: 38rpx;
		height: 38rpx;
	}
	.t-icon-siliao{
		width: 38rpx;
		height: 36rpx;
	}
</style>
<style lang='scss' scoped>
	@import '@/static/scss/zxsDetBotBtn.scss';
	.botCon.spec{
		height: 120rpx;
		align-items: center;
		position: static;
		.yyBtn{
			height: 66rpx;
		}
		.focus{
			height: 62rpx !important;
		}
		&.noShadow{
			box-shadow: none !important;
		}
	}
</style>